إن CSS هي لغة توصيفية تقوم بمنح مواقع الويب شكل جميل الذي سوف يميزهُ عن غيره من المواقع, و هي تُعد صديقة للغة HTML فهم دائماً مترفقات في تصميم و إنشاء صفحات الويب, و تشكّل كل من اللغتان هم الأساس لكل موقع ويب فإن لغة HTML هي أساس كل عناصر صفحة الويب و CSS هي أساس تصميم و شكل الموقع فبدون CSS سوف تبقي مواقع الويب كأنها نصاً عادياً على خلفيات بيضاء.
https://www.nusurtech.ca/2024/01/css-overview.html

الخلفيات و الألوان ( background and color ) سوف نتعلم كيفية إدارج الألوان و الخلفيات عن طريق CSS, توجد هناك بعض الخصائص التي تستخدم لإدارج الألوان و الخلفيات وهي:
📌color.
📌background-color.
📌background-image.
📌background-repeat.
📌background-attachment.
📌background-position.
📌background.
https://www.nusurtech.ca/2024/01/css-background-and-color.html

تنسيق الخطوط بإستخدام CSS, سوف نقوم بمعالجة مشكلة كيفية عرض بعض الخطوط التي لن تظهر بشكل صحيح ما لم تكن مثبتة على الحاسوب. إن إختيار الخط الصحيح في موقعك له تأثير كبير جداً على كيفية تجربة القراء لموقع الويب, و يمكن للخط الصحيح المنسق من إنشاء هوية قوية لعلامتك التجارية, و من المهم إستخدام خط يَسَهل قراءته, و يجب الأخذ بعين الإعتبار أن الخط يضيف قيمة إلى النص الخاص بك و من المهم أيضاً إختيار اللون الصحيح للخط و حجم النص للخط.
https://www.nusurtech.ca/2024/01/css-font.html

تنسيق النصوص هو جزء هام من تصميم صفحات الويب، ويمكن تحقيقه باستخدام CSS (Cascading Style Sheets). يسمح CSS بتحديد العديد من خصائص النصوص مثل الخطوط والألوان وحجم الخط والتباعد والترتيب والتحكم في الهوامش والتنسيقات الأخرى.
كما أنّ css تدعم مجموعة من الخصائص لتنسيق النصوص وهي:
📌text-indent.
📌text-align.
📌text-decoration.
📌letter-spacing.
📌text-transform.

https://www.nusurtech.ca/2024/01/css-text-formatting.html

تنسيق الروابط التشعبية بإستخدام CSS, سنقوم بإستخدام ما تعلمناه في الدرس السابق على الروابط, وكما نعرف جميعنا أن الروابط تشكل خيوط العنكبوت على الانترنت, لا شك أن يكون لها لون جميل يقوم بجذب الزائر على الموقع من خلال تنسيق الروابط بالإضافة لمؤثرات جميلة عليه.
https://www.nusurtech.ca/2024/04/css-formatting-links.html

تجميع العناصر في CSS, في بعض الأحيان تود أن تقوم بعمل تنسيق على عنصر أو مجموعة من العناصر بإستخدام الفئة class و المعرفات id يمكن ان تجمع مجموعة من العناصر للتنسيق, تجميع العناصر بإستخدام الفئات class و الآن ننتقل إلى الأمثلة بشكل مباشر لنتعرف اكثر على تجميع العناصر بإستخدام class.

https://www.nusurtech.ca/2024/01/css-assemble-items.html

خاصية opacity البسيطة جداً تسمح لنا بالإشارة إلى مستوى الشفافية أو التعتيم للصفحة أو عنصر ما في صفحة الويب أي عندما نقوم بإستعمال القيمة 1 سوف يكون العنصر غير شفاف و بحالته الطبيعية, و هذا هو السلوك الإفتراضي, و عندما نقوم بإستعمال القيمة 0 سوف يكون العنصر شفاف, لذلك يتوجب إختيار القيمة بين 0 و 1 و بالتالي حينما نُعطي القيمة 0.6 سوف يكون العنصر معتم حتى المستوى 60٪ و هذا يمكننا الرؤية من خلاله.
https://www.nusurtech.ca/2024/01/css-opacity.html

يختلف الـ flexbox عن غيره في ترتيب العناصر element's على Layout حيث يُعرَف بسهولة الإستخدام لكن flexbox لها قيم Values كثيرة يأخذها كل من المدير او الموظف, نقصد هنا أن هناك بعض الخصائص Property يأخذها كل من Parent و هناك Property يأخذها كل من Child, الـ flex-box لها كثير من Property, و هذا الجزء الأصعب في تعلم flexbox لكن يُسِّهل علينا تقسيم العناصر Element في Layout, لنتعرَّف على ماهو flex وكيف يستخدم.
https://www.nusurtech.ca/2024/01/css-flexbox.html

تستخدم خلفيات CSS لتعيين صورة أو لون لخلفية العنصر. ويمكن تعيين خلفية لأي عنصر في صفحة HTML، سواء كانت صورة أو لونًا أو حتى تدرج للألوان. لتعيين خلفية لعنصر في CSS، يمكن استخدام الخاصية background، ويمكن تحديد الخلفية باستخدام قيم مختلفة، مثل اللون والصورة والتدرج والصور المتحركة (GIF) والفيديو.

https://www.nusurtech.ca/2024/04/css-create-multi-colored-backgrounds.html

🟡💻 البرمجة هي عملية كتابة تعليمات وأوامر بلغة يفهمها الحاسوب لتنفيذ مهام معينة.
تعتمد البرمجة على استخدام لغات البرمجة مثل Python، Java، C++، JavaScript 📱 📱📱 📱 وغيرها.
تُستخدم #البرمجة في العديد من المجالات مثل:
#تطويرالتطبيقات و #المواقع_الإلكترونية
#تصميم_الألعاب 😀
الذكاء الاصطناعي وتعلم الآلة ⌨️
تحليل البيانات 📈
برمجة الروبوتات 🤖
البرمجة تعتمد على المنطق والتفكير التحليلي، وهي مهارة مطلوبة بشدة في العصر الحديث.
هل لديك اهتمام بتعلم البرمجة؟
إليك قائمة لقنوات تلغرام لتعلم البرمجة من الصفر لا تضيعها من يدك 🫴📱🫴